#216
Hi @hkirat
My Approach to solve this issue

I have created an atom, which will be storing the completed status of all the contents present in the course. It will be in this form
[
{id : 2 ,
parentId : 1,
isCompleted : false},
{
id : 3,
parentId : 1,
isCompleted : true
}]

I can't use server function in client side so I can't use selectors here to fetch the data. So, I am initialising this atoms value using SideBar Component, whenever Sidebar is mounted, it will initialise the atom's value.

The Percentage completed shown on the folders is also handled, specifically parentId is used to calculate all children and the children which have completed the video. In this way I have tacked the percentage state also

In the ContentRendererClient where markAsComplete was written, I have shifted it to a new component just to avoid Re-renders of the video player otherwise, video was flickering was state was changing.

This is a collaborative effort of me and @devsargam